<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购买项目支付</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止数字变成电话号吗-->
        <meta name="format-detection" content="telephone=no" />
	   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/xiao.css"/>
	</head>
	<body>
		<div class="mui-content">
			<div class="mui-input-group z_mt10">
				<div class="mui-input-row">
					<label>购买金额：</label>
					<input type="text" placeholder="请输入您的购买金额 ">
				</div>
			</div>
			<div class="z_title">
				请选择支付方式
			</div>
			<!--列表-->
			<div  class="PaymentMethod">
				<ul>
					<li>
						<label>
							银联
						</label>
						<div class=" mui-radio z_postionrc">
							<input name="radio1" type="radio">
						</div>
					</li>
					<li>
						<label>支付宝</label>
						<div class="mui-radio z_postionrc">
							<input name="radio1" type="radio">
						</div>
					</li>
					<li>
						<label>微信支付</label>
						<div class=" mui-radio z_postionrc">
							<input name="radio1" type="radio">
						</div>
					</li>
				</ul>
			</div>
			<p class="z_mb40 z_p32p">
					<span class="z_btn_c j-z_btn_c"></span>
					<span>我已阅读并同意麦谷国际<span class="z_color_black3" style="text-decoration: underline;">服务项目条款</span></span>
				</p>
				<button type="submit" class="mui-btn mui-btn-primary mui-btn-block">下一步</button>
		</div>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			$(".j-z_btn_c").click(function(){
            	$(this).toggleClass("z_btn_ca");
            });
           
	   </script>
	</body>
</html>
